<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发表动态</title>
    {include file='public/main'}
    <script src="static/lib/ueditor/ueditor.config.js"></script>
    <script src="static/lib/ueditor/ueditor.all.js"></script>
    <link rel="stylesheet" href="/css/editor.css">
</head>

<body>
    <div id="app">
        <el-header>
            <el-page-header content="发表动态">
            </el-page-header>
            <div class="users">
                <el-avatar class="tx" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png">
                </el-avatar>
                <span style="margin-left: 10px;">个人设置</span>
            </div>
        </el-header>
        <el-main>
            <el-col :span="6">
                <div class="grid-content bg-purple">
                    <p></p>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="grid-content bg-purple-light">

                    <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 20px;">
                        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                        <el-breadcrumb-item>我的班级</el-breadcrumb-item>
                        <el-breadcrumb-item>发表动态</el-breadcrumb-item>
                    </el-breadcrumb>
                    <el-divider></el-divider>
                    <p style="font-size: 13px;">文章标题：</p>
                    <el-input placeholder="请输入内容" v-model="form.title" clearable>
                    </el-input>
                    <p style="font-size: 13px;">文章内容：</p>
                    <div id="content"></div>
                    <div style="margin-top: 20px;display: flex;justify-content: right;">
                        <el-button type="success" @click='onPost'>发表动态</el-button>
                    </div>
                </div>
            </el-col>
            <el-col :span="6">
                <div class="grid-content bg-purple"></div>
            </el-col>

        </el-main>
    </div>

    <script src="/js/editor.js"></script>
</body>

</html>